<?xml version="1.0" encoding="UTF-8"?>
<!-- Pagina para Crear Proyectos -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Registrar Proyecto</title>
        <link href="../../Css.css" type="text/css" rel="stylesheet" />
    </h:head>
    <body>
        <h1 class="title2"> UAM </h1>
        <br /><br />
        <br /><br />
        <br /><br />
        <h1 class="title">Registro de proyectos  </h1>   
        <br /><br />
        <br /><br />
        <br /><br />
        <br /><br />


        <h:form id="wraper1">
            <h:link class="subTitle" outcome="../../index.xhtml" value="ORIGEN"  /><br /><br />
            <h:link class="subTitle" outcome="buscar" value="Busqueda de Proyectos"/> <br /><br />
            <h:link class="subTitle" outcome="listadoGeneral" value="Listado General de Proyectos"/> <br /><br />

            <h:outputLabel value="TITULO" /> <br/>           
            <h:inputText id="titulo" value="#{controlProyectoCRUD.proyecto.titulo}" 
                         required="true" requiredMessage="Se debe suministrar el Titulo del proyecto"/> <br/><br />



            <h:outputLabel value="NÚMERO" /> <br/>
            <h:inputText id="numero" value="#{controlProyectoCRUD.proyecto.numero}" 
                         required="true" requiredMessage="Se debe suministrar el numero que identifica el proyecto">
            </h:inputText><br/><br/>

            <h:outputLabel value="AÑO" /> <br/>
            <h:outputLabel value="Seleccione el año del Proyecto" /> <br/>
            <h:selectOneMenu id="año"  value="#{controlProyectoCRUD.proyecto.año}">                
                <f:selectItems value="#{controlProyectoBusqueda.listaAños()}" />
            </h:selectOneMenu>    <br/><br/>

            <h:outputLabel value="SEMESTRE" /> <br/>
            <h:outputLabel value="Seleccione el semestre o periodo del Proyecto" /> <br/>
            <h:selectOneMenu id="semestre"  value="#{controlProyectoCRUD.proyecto.semestre}">                
                <f:selectItems value="#{controlProyectoBusqueda.listaSemestres()}" />
            </h:selectOneMenu>    <br/><br/>

            <h:outputLabel value="PROGRAMA" /> <br/>                        
            <h:selectOneListbox id="programa"  value="#{controlProyectoCRUD.proyecto.programa}">                
                <f:selectItems value="#{controladorPrograma.programas}" />
                <f:converter converterId="conversorPrograma" />
            </h:selectOneListbox>    <br/><br/>

            <h:outputLabel value="PREGRADO o POSTGRADO" /> <br/>              
            <h:selectOneRadio id ="pregrado" value="#{controlProyectoCRUD.proyecto.pregrado}" >
                <f:selectItem itemValue="false" itemLabel="Postgrado" />
                <f:selectItem itemValue="true" itemLabel="Pregrado"  />
            </h:selectOneRadio>
            <br/><br/>

            <h:outputLabel value="GRUPO DE INVESTIGACIÓN" /> <br/>           
            <h:selectOneMenu id="grupoInvestigacion"  value="#{controlProyectoCRUD.proyecto.grupoInvestigacion}" >                
                <f:selectItems value="#{controladorGrupoInvestigacion.gruposInvestigacion}" />
                <f:converter converterId="conversorGrupoInvestigacion" />
            </h:selectOneMenu>    <br/><br/>            

            <h:outputLabel value="ESTUDIANTES" /> <br/>     
            <h:outputLabel value="ingrese los nombres de los estudiantes separados por comas" /> <br/> 
            <h:inputTextarea id="estudiantes" value="#{controlProyectoCRUD.proyecto.estudiantes}" 
                             required="true" requiredMessage="Se debe suministrar los nombres de los estudiantes "/> <br/><br />


            <h:outputLabel value="ASESORES" /> <br/>
            <h:outputLabel value="ingrese el nombre del asesor "  /> <br/>            
            <h:selectManyCheckbox id="asesores"  value="#{controlProyectoCRUD.proyecto.asesores}">                
                <f:selectItems  value="#{controladorAsesor.asesores}" />
                <f:converter converterId="conversorAsesor" />
            </h:selectManyCheckbox>    <br/><br/>

            <h:outputLabel value="RESUMEN" /> <br/>
            <h:outputLabel value="ingrese un breve resumen del proyecto a ingresar"  /> <br/>
            <h:inputTextarea id="resumen" value="#{controlProyectoCRUD.proyecto.resumen}" 
                             required="true" requiredMessage="Se debe suministrar el resumen del proyecto"/> <br/><br />

            <h:outputLabel value="PALABRAS CLAVE" /> <br/>
            <h:outputLabel value="Ingresela una palabra y oprima adicionar" /> <br/>

            <h:panelGrid id="ingresarPalabraClave" columns="2" border="1">
                <h:column>
                    <h:outputText value="palabra" />
                    <h:inputText id="palabra" value="#{controlProyectoCRUD.palabraClave.palabra}" 
                                 required="true" requiredMessage="Se debe suministrar la palabra Clave"/> <br/><br/>
                </h:column>
                <h:column>
                    <h:commandButton value="Adicionar Palabra Clave" 
                                     action="#{controlProyectoCRUD.addPalabraClave()}" >
                        <f:ajax render=":wraper1:listaPalabrasClave"
                                execute="ingresarPalabraClave" 
                                />
                    </h:commandButton >
                </h:column>
            </h:panelGrid>

            <h:panelGroup  id="listaPalabrasClave"  >
                <h:dataTable value="#{controlProyectoCRUD.palabrasClave}" var="palabraClave" border="1" >
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Palabra clave " />
                        </f:facet>
                        <h:outputText value="#{palabraClave.palabra}" />
                    </h:column>
                </h:dataTable>
            </h:panelGroup>
            <br/><br/>

            <h:outputLabel value="ENTREGABLES" /> <br/>
            <h:outputLabel value="ingrese el tipo de entregable, y su ubicación "  /> <br/>

            <h:panelGrid id="ingresarEntregable" columns="4" border="1">
                <h:column>
                    <h:outputText value="Tipo" />
                    <h:selectOneMenu id="tipo"  value="#{controlProyectoCRUD.entregable.tipo}">                
                        <f:selectItems value="#{controlProyectoCRUD.listaTiposEntregables()}" />
                    </h:selectOneMenu> 
                </h:column>
                <h:column>
                    <h:outputText value="Cantidad" />
                    <h:inputText id="cantidad" value="#{controlProyectoCRUD.entregable.cantidad}" 
                                 required="true" requiredMessage="Se debe suministrar la cantidad del entregable">
                        <f:convertNumber integerOnly="true" type="number"  />
                        <f:validateLongRange minimum="0" />
                    </h:inputText>
                </h:column>
                <h:column>
                    <h:outputText value="Ubicación" />
                    <h:inputText id="ubicacion" value="#{controlProyectoCRUD.entregable.ubicacion}" 
                                 required="true" 
                                 requiredMessage="Se debe suministrar la ubicación del entregable"/>
                </h:column>
                <h:column>
                    <h:commandButton value="Adicionar Entregable" 
                                     action="#{controlProyectoCRUD.addEntregable()}" >
                        <f:ajax render=":wraper1:listaEntregables"
                                execute="ingresarEntregable" 
                                />
                    </h:commandButton >
                </h:column>
            </h:panelGrid>
            <br/><br/>

            <h:panelGroup  id="listaEntregables"  >
                <h:dataTable value="#{controlProyectoCRUD.entregables}" var="entregable" border="1" >
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Tipo" />
                        </f:facet>
                        <h:outputText value="#{entregable.tipo}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Cantidad" />
                        </f:facet>
                        <h:outputText value="#{entregable.cantidad}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Ubicación" />
                        </f:facet>
                        <h:outputText value="#{entregable.ubicacion}" />
                    </h:column>
                </h:dataTable>
            </h:panelGroup>
            <br/><br/>

            <h:commandButton value="Crear" action="#{controlProyectoCRUD.crear()}"/> <br/>
        </h:form>
    </body>
</html>
